<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" type="text/css" href="ds.css">
	<script type="text/javascript" src="jquery.min.js"></script>
	
</head>
<body>
	<div class="headerBar">
		<div class="topBar">
			<div class="comWidth">
				<div class="leftArea">
					<a href="#" class="collection">
						收藏勇哥商城
					</a>
				</div>
				<div class="rightArea">
					欢迎来到勇哥商城！<a href="">[登录]</a><a href="">[免费注册]</a>
				</div>
			</div>
		</div>
		<div class="logoBar">
			<div class="comWidth">
				<div class="logo fl">
					<a href="#"><img src="logo.jpg" alt="张凯峰"></a>
				</div>
				<div class="search_box fl">
					<input type="text" class="search_text fl">
					<input type="button" value="搜 索" class="search_btn fr">
				</div>
				<div class="shopCar fr">
					<span class="shopText fl">购物车</span>
					<span class="shopNum fl">10</span>
				</div>
			</div>
		</div>
		<div class="navBox">
			<div class="comWidth">
				<div class="shopClass fl">
					<h3>全部商品分类<i></i></h3>
					<div class="shopClass_show">
						<dl class="shopClass_item">
							<dt>
								<a href="#" class="b">手机</a>
								<a href="#" class="b">数码</a>
								<a href="#" class="aLink">合约机</a>
							</dt>
							<dd>
								<a href="#">荣耀3X</a>
								<a href="#">单反</a>
								<a href="#">智能设备</a>
							</dd>
						</dl>
						<dl class="shopClass_item">
							<dt>
								<a href="#" class="b">手机</a>
								<a href="#" class="b">数码</a>
								<a href="#" class="aLink">合约机</a>
							</dt>
							<dd>
								<a href="#">荣耀3X</a>
								<a href="#">单反</a>
								<a href="#">智能设备</a>
							</dd>
						</dl>
						<dl class="shopClass_item">
							<dt>
								<a href="#" class="b">手机</a>
								<a href="#" class="b">数码</a>
								<a href="#" class="aLink">合约机</a>
							</dt>
							<dd>
								<a href="#">荣耀3X</a>
								<a href="#">单反</a>
								<a href="#">智能设备</a>
							</dd>
						</dl>
						<dl class="shopClass_item">
							<dt>
								<a href="#" class="b">手机</a>
								<a href="#" class="b">数码</a>
								<a href="#" class="aLink">合约机</a>
							</dt>
							<dd>
								<a href="#">荣耀3X</a>
								<a href="#">单反</a>
								<a href="#">智能设备</a>
							</dd>
						</dl>
						<dl class="shopClass_item">
							<dt>
								<a href="#" class="b">手机</a>
								<a href="#" class="b">数码</a>
								<a href="#" class="aLink">合约机</a>
							</dt>
							<dd>
								<a href="#">荣耀3X</a>
								<a href="#">单反</a>
								<a href="#">智能设备</a>
							</dd>
						</dl>
					</div>
					<div class="shopClass_list">
						<dl class="shopList_item">
							<dt>
								电脑装机
							</dt>
							<dd>
								<a href="#">文字啊</a>
								<a href="#">文字字啊</a>
								<a href="#">文字啊</a>
								<a href="#">文字啊</a>
								<a href="#">文啊</a>
								<a href="#">文字啊</a>
							</dd>
						</dl>
					</div>
				</div>
				<ul class="nav fl">
					<li><a href="#" class="active">数码城</a></li>
					<li><a href="#" class="active">天黑黑</a></li>
					<li><a href="#" class="active">团购</a></li>
					<li><a href="#" class="active">发现</a></li>
					<li><a href="#" class="active">二手特卖</a></li>
					<li><a href="#" class="active">名品会</a></li>
				</ul>
			</div>			
		</div>
	</div>
</body>
</html>